.ballon {
  position: absolute;
  width: 37%;
  bottom: 0rem;
  left: 3rem;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
}

.service-top {
  height: 15%;
  width: 90%;
  margin: auto;
  position: relative;
}

.service-bottom {
  height: 85%;
  width: 90%;
  margin: auto;
  img {
    width: 67%;
    margin-top: .5rem;
  }
}

.service-header {
  height: 85%;
  border-radius: 50%;
  float: left;
  margin-left: .2rem;
  margin-top: .2rem;
}

.service-top-info {
  float: left;
}

.underbg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

// ---------------auth-------------
.auth-bottom {
  height: 79%;
  width: 90%;
  margin: .5rem auto 0;
  position: relative;
}

.auth-from {
  width: 90%;
  margin: .5rem auto 0;
  input {
    background: #0c425d;
    // border-color: #194f63;
    width: 100%;
  }
  .auth-submit {
    width: 50%;
    margin-top: 3rem;
  }
  .pure-form-message-inline {
    color: rgb(223, 117, 20);
  }
}

